/*div{
	border: 1px solid black;
}

.pokus{
	background-color: red;
}*/

body{
  
	
}

.layout{
	width: 100%;
	border: 1px solid black;  
}


.layout .header{
	background-color: red;
	height: 30px;
	width: 100%; 
}


.layout .content{
	background-color: green;
	padding: 10px;
	width: 100%;
	height: 100px;
}

.layout .content .container1{
	height: 100%;	
}

.layout .content .container2{
	height: 100%;	
}

.layout .content .container1 .first_column{
	background-color: orange;
	width: 100%;
	height: 100%;	
}

.layout .content .container2 .second_column{
	background-color: blue;
	width: 100%;
	height: 50%;
}

.layout .footer{
	background-color: purple;
	width: 100%;
	height: 40px;
}


.captionBaseEdit{
	margin-top: 20px;
}

.captionBaseEdit .caption{
	width: 180px;
}

.captionBaseEdit .description{
	width: 400px;
}

.captionBaseEdit .editControl{
	width: 100px;
	border: 1px solid black;
	margin-left: 5px;
	margin-right: 5px;
}

.captionCheckBoxEdit .editControl{
	border: none;
	margin-right: 85px;
}

.captionComboEdit .editControl{
	border: none;
}

.gwt-DialogBox{
	border: 1px solid black;
}

.gwt-DialogBox .Caption{
	background-color: gray;
}

.gwt-DialogBox .dialogContent{
	padding: 20px 10px 10px 10px;
    background-color: silver;
}

.gwt-DialogBox .dialogContent .gwt-Button{
	margin-top: 10px;
	margin-left: 5px;
	margin-right: 5px;
}

.planlist-MessageDialog{
	border: 1px solid black;
}

.planlist-MessageDialog .Caption{
	background-color: gray;
}

.planlist-MessageDialog .dialogContent{
	padding: 20px 10px 10px 10px;
    background-color: silver;
}

.planlist-MessageDialog .dialogContent .gwt-Button{
	margin-top: 10px;
	margin-left: 15px;
	margin-right: 5px;
}

.planlist-MessageDialog-error .dialogContent {
	background-color: red;
}

table{
	font-size: 11px;
	font-family: Verdana;
	line-height: 13pt;
	width: 100%;	
}

td{
	border-bottom: 1px solid #EDEDED;
	overflow: hidden;
	padding: 1px 0px;
}

.oddRow {
   background-color:  #FAFAFA;
}

.evenRow {
   background-color:  #FFFFFF;
}

.resizeCell{
	width: 150px;
		
}

.resize {
	cursor: w-resize;
	width: 3px;
	background-color: #D0D0D0;
	display: block;
	height: 20px;
}

.header{
	border: 1px solid #D0D0D0;
	/*background-color: #F0F1F3;*/
	background-image: url('images/header_gradient.png');
	background-repeat: repeat-x;
	overflow: hidden;

}

.headerCell{	
	border-right: 1px solid gray;		
}
	
.sizer {
	cursor: w-resize;
	width: 4px;
	background-image: url('images/header_sizer.png');
	background-color: #D0D0D0;
	display: block;
	height: 20px;
}

.scrollPanel{
	width: 1200px;
	height: 700px;
}

.scrollPanel2{
	width: 1200px;
	overflow: hidden;
}

.table{
	width: 800px;
	height: 600px;
}

.cell{
	overflow: hidden;
	display: block;
	white-space: nowrap; 
}

.box {
  width: 100px;
  height: 20px;
  display: block;
  position: absolute;
  border-bottom: 1px solid #EDEDED;
  border-right: 1px dotted black;
}

.summary{
	background-color: orange;	
}

.summaryCell{
	background-color: green; 	
}

.scroll {
  width: 800px;
  height: 600px;
  display: block; 
  overflow: scroll;
}

.container {
  font-size: 11px;
  font-family: Verdana;
  line-height: 13pt;
  width: 1500px;
  height: 2500px;
  display: block;
  position: relative;
  /*background-color: #DDFFDD;*/
  background-image: url('images/background.png');
  background-repeat: repeat;
  background-position: 0px -1px;
}